<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<meta name="format-detection" content="telephone=no"/>
		<meta name="format-detection" content="email=no"/>
		<title>阅读-发现-任务</title>
		<link rel="stylesheet" href="../dist/css/sm.min.css" />
		<link rel="stylesheet" href="../dist/css/sm-extend.min.css" />
		<!--以上是SUI的css文件-->
		<link rel="stylesheet" href="css/xh-lxx-header-bar5.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content18.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-nav2.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content19.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-title5.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content20.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content14.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content21.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-items-img1.css" />
		<link rel="stylesheet" href="css/2-书城_书籍详情_PxCook.css" />
	</head>
	<body>
		<div class="page-group">
			<div class="page page-current">
				<!--html代码-->
				<header class="bar bar-nav">
				   <a class="icon icon-left pull-left" href="javascript:history.go(-1)"></a>
				   <h1 class="title">书籍详情</h1>
				</header>
				<!--主要内容 Begin-->
				<div class="content">
					<!--头部内容-->
			       <div class="xh-lxx-tab-content18">
					    <a class="img">
					    	<span>JPG/PNG</span>
					    </a>
					    <div class="content18">
					    	<a class="title-author">
					    		<h3>书目标题名称只显示一行</h3>
					    		<p>作者名称</p>
					    	</a>
					    	<div class="price-vip">
					    		<span>1688阅币</span>
					    		<br />
					    		<a>开通VIP,享受7.5折特惠></a>
					    	</div>
					    </div>
	      			</div>
			       <!--导航栏-->
			       <nav class="xh-lxx-tab-nav2 margin-bottom-025">
		        		<a href="#">
		        			<img src="img/icon13.png" alt="" />
		        			<span class="msg">读过</span>
		        		</a>
		        		<a href="#">
		        			<img src="img/icon12.png" alt="" />
		        			<span class="msg">书单</span>
		        		</a>
		        		<a href="#">
		        			<img src="img/icon11.png" alt="" />
		        			<span class="msg">分享</span>
		        		</a>
		        	</nav>

		        	<!--书籍详情内容-->
	      			<div class="xh-lxx-tab-content19">
					    <p class="content19">内容简介: 这里是显示书目内容简介,H+IDE是一个能够大大提升Html页面开发速度的一个模板资源整合开发工具,提升工作效率,减少开发成本.这里是显示书目内容简介,H+IDE是一个能够大大提升Html页面开发速度的一个模板资源整和开发工具,提升工作效率</p>
						<div class="btn-all"><span class="icon icon-down"></span></div> 
	      			</div>
	      			<!--查看目录-->
			        <a class="xh-lxx-tab-title5 margin-bottom-025">
	        			<div class="pull-left">
	        				<span class="title1">查看目录: 共18章</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	<!--读后感-->
			        <div class="xh-lxx-tab-content20 margin-bottom-025">
						<div class="title20">
			        		<h3 class="pull-left">读后感</h3>
			        		<span class="pull-left">0条发言</span>
			        		<a href="#" class="pull-right">
			        			写点评
			        		</a>
			        	</div>
						<div class="content20">
							<img src="img/icon14.png" alt="" />
							<p>暂无点评</p>
						</div>
	      			</div>
	      			<!--喜欢-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<span class="title1">喜欢这本书的人也喜欢</span>
	        			</div>
		        	</a>
		        	<!--书目内容1 Begin-->
		            <div class="xh-lxx-tab-content14 padding-05 margin-bottom-025">
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称</h3>
					    </a>
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称</h3>
					    </a>
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称</h3>
					    </a>
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称</h3>
					    </a>
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称</h3>
					    </a>
					    <a href="#" class="content14 external">
					    	<div class="img">JPG/PNG</div>
					    	<h3>书目名称书目名称书目名称</h3>
					    </a>
	      			</div>
		            <!--书目内容1 End-->
		            <!--图书更多信息-->
		            <div class="xh-lxx-tab-content21 margin-bottom-025">
						<h3>图书更多信息</h3>
						<p>字数:26.1万字</p>
						<p>上架时间:2017-06-21</p>
						<p>出版社:红旗出版社</p>
						<p>书号:988888888</p>
						<p class="state">
							免责声明: 本书数字版权由"某某媒体"提供,并由其授权某股份有限公司制作发行,若书中含有不良信息,请书友积极告知客服.
						</p>
	      			</div>
				</div>
				<nav class="bar bar-tab xh-lxx-tab-items-img1">
					<a class="tab-item1 external" href="#">
					  	<span class="tab-label">免费试读</span>
					</a>
					<a class="tab-item2 external" href="#">
					    <span class="tab-label">全体下载</span>
					</a>
				</nav>
				
				
				
			</div>
		</div>
		<script src="../dist/js/zepto.min.js"></script>
		<script src="../dist/js/sm.min.js"></script>
		<script src="../dist/js/sm-extend.min.js"></script>
		<script src="js/xh-lxx-tab-content19.js"></script>
		<script>
			$.init();  //初始化
		</script>
	</body>
</html>
